<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<%--    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">--%>
    <link rel="icon" href="../../favicon.ico" type="image/x-icon"/>
    <title>关于本站</title>
    <link rel="stylesheet" href="../../layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../../css/wt.css">
</head>
<body class="layui-layout-body" >
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">达理书城</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/home">控制台</a></li>
            <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/toInsertBook">商品管理</a></li>
            <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/user">用户</a></li>
            <li class="layui-nav-item">
                <a href="${pageContext.request.contextPath}/grzy">网页导航</a>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="../../image/tx.jpg" class="layui-nav-img">
                    ${name}
                </a>
            </li>
            <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/userout">退出登录</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="${pageContext.request.contextPath}/selectAllBook">所有图书</a>
                    <dl class="layui-nav-child">
                        <dd><a href="${pageContext.request.contextPath}/wxl">文学类</a></dd>
                        <dd><a href="${pageContext.request.contextPath}/dml">动漫类</a></dd>
                        <dd><a href="${pageContext.request.contextPath}/kjl">科技类</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="${pageContext.request.contextPath}/Borrow">关于借阅</a>
                </li>
                <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/journal">本站日志</a></li>
                <li class="layui-nav-item"><a href="">设置</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="float:right;">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
                <legend>回忆往昔</legend>
            </fieldset>
            <div class="layui-carousel" id="test10">
                <div carousel-item="">
                    <div><img src="../../image/tx.jpg"></div>
                    <div><img src="../../image/dt2.jpeg"></div>
                    <div><img src="../../image/dt1.png"></div>
                    <div><img src="../../image/dt3.jpg"></div>
                    <div><img src="../../image/dt4.png"></div>
                    <div><img src="../../image/dt5.png"></div>
                </div>
            </div>
        </div>
        <div style="padding: 15px;">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                <legend>记录本站</legend>
            </fieldset>
            <ul class="layui-timeline">
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">2021年3月28日</h3>
                        <p>明天又是痛苦周一.带上痛苦面具过下去
                            <br>不知道还会不会继续爱下去<i class="layui-icon">&#xe68c;</i>
                        </p>
                    </div>
                </li>
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">2021年3月14日</h3>
                        <p>
                            今天又是想你的一天,
                            <br>周末想着想着就结束了,明天又是痛苦周一.
                            <br>时间也不多了i.<i class="layui-icon">&#xe68c;</i>
                        </p>
                    </div>
                </li>
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">2021年3月13日</h3>
                        <p>
                            今天我又想你了小宝贝!
                            <br>我总是能每日一想,希望自己能坚持下去.
                            <br>每次看到你我都不禁感叹此生有悔<i class="layui-icon">&#xe68f;</i>
                        </p>
                    </div>
                </li>
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">2021年3月12日</h3>
                        <p>
                            想到你我就又要想想小可爱!
                            <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
                            <br>无论我能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon">&#xe68c;</i>
                        </p>
                    </div>
                </li>
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">2021年2月27日</h3>
                        <p>我的思想核心是有<em>“开学时前雨纷纷，路上行人欲断魂”</em>的宏伟抱负。个人最爱的名篇有：</p>
                        <ul>
                            <li>《小幸运》</li>
                            <li>《爱情买卖》</li>
                        </ul>
                    </div>
                </li>
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title">2021年1月1日</h3>
                        <p>
                            2021年的第一天,2020终将成为历史,
                            <br>常常在想，新的一年有没有什么长进,
                            <br>回答是:
                            <br>没有,
                            <br>那就希望2021能做到更好i.
                        </p>
                    </div>
                </li>
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <div class="layui-timeline-title">过去</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        &copy 2020-2021 吴劲松|<a href="../../关于我.html" >关于我</a> 501664112@qq.com | 当前在线人数: ${OnlineCount} | <span id="time">1</span>
    </div>
</div>
<script type="text/javascript" src="../../js/jquery-3.3.1.js"></script>
<script src="../../layui/layui.js" charset="utf-8"></script>
<script crossorigin="anonymous" integrity="sha512-RuUMLxuB8daxj+iqjuwA7u2lFFFQNlbnFnerb0FPhfZ761E0Wn6wD4f5vZskYgbxu+wSu36vfFHCUDaKaHHhUQ==" src="https://lib.baomitu.com/echarts/5.0.2/echarts.common.js"></script>
<script>
    layui.use(['carousel', 'form'], function() {
            var carousel = layui.carousel
                , form = layui.form;
        carousel.render({
            elem: '#test10'
            ,width: '750px'
            ,height: '750px'
            ,interval: 3000
        });
        }
    );
    window.onload =function Time(){
        var time = new Date();
        var Month = time.getUTCMonth()+1;
        document.getElementById("time").innerText=time.getUTCFullYear()+"年"+Month+"月"+time.getUTCDate()+"日";
    }
</script>
</body>
</html>